<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui" xmlns:a4j="http://richfaces.org/a4j">


	<h:form enctype="multipart/form-data" id="formArchivos">
<p:growl id="growllcondiciones" showDetail="true" life="2000"
					showSummary="false" />
		<table width="50%">
			<tr>
				<td class="panelTDLeftFormulario"><h:outputText
						value=" Archivos Adjuntos" styleClass="textoEtiquetaGrandeBold" /></td>
			</tr>
			<tr>
				<td><h:panelGrid columns="2">
						<p:commandButton value="Agregar archivo" rendered="#{modificarOfertasBean.prodCabeceraProformaModificar.prodEstados.estaId==1}"
							oncomplete="dlgArchivo.show()"
							update=":tabView:formArchivo:hpgArchivo">
                        
                    </p:commandButton>
						<p:commandButton image="ui-icon-refresh" value="Refrescar Tabla"
							action='#{modificarOfertasBean.listaFotosEvento("N")}'
							update="fotosTable">
                        
                    </p:commandButton>

					</h:panelGrid></td>

			</tr>
			<tr>

				<td><p:outputPanel id="fotografias"
						styleClass="panelTDLeftFormulario">
						<p:dataTable id="fotosTable" value="#{modificarOfertasBean.fotos}"
							var="fotoss" paginator="true" rows="#{modificarOfertasBean.numeroFilasFormularios}">
							<p:column headerText="Archivo" style="text-align: left;">
								<h:outputText value="#{fotoss.daajNombre}" />
							</p:column>

							<p:column style="width:5%;" exportable="false">

								<p:commandButton id="downloadLink" value="Descargar"
									action="#{modificarOfertasBean.consultarDescarga()}"
									immediate="true" icon="ui-icon-arrowthichk-s"
									oncomplete="dlgDescargar.show()">

									<f:setPropertyActionListener value="#{fotoss}"
										target="#{modificarOfertasBean.fotoVisualizarAux}" />

								</p:commandButton>
							</p:column>

							<p:column>
								<f:facet name="header">
									<h:outputText value="X" />
								</f:facet>
								<p:commandButton update="fotosTable,:tabView:formArchivos:growllcondiciones" immediate="true" 
									action="#{modificarOfertasBean.deleteAnexosAction(fotoss)}"
									label="eliminar" icon="ui-icon-close"></p:commandButton>
								<br />
							</p:column>
						</p:dataTable>
					</p:outputPanel></td>
			</tr>
		</table>

		<p:dialog id="basicDialog" widgetVar="dlgDescargar" resizable="false"
			styleClass="pPanel">
			<f:facet name="header">
				<h:panelGroup>
					<h:outputText value="Continuar con la descargar?"
						styleClass="subTituloFormulario"></h:outputText>
				</h:panelGroup>
			</f:facet>
			<table border="0" cellpadding="0" cellspacing="0" width="50%">
				<tr>
					<td class="panelTDBotonFormulario"><p:commandButton
							id="downloadLink" value="SI" oncomplete="dlgDescargar.hide()"
							styleClass="texto" immediate="true" icon="ui-icon-arrowthichk-s"
							ajax="false">
							<p:fileDownload value="#{modificarOfertasBean.fileDocumento}" />
						</p:commandButton></td>
					<td class="panelTDBotonFormulario"><p:commandButton
							id="downloadLinkNo" value="NO" oncomplete="dlgDescargar.hide()"
							styleClass="texto" immediate="true" icon="ui-icon-arrowthichk-s">
						</p:commandButton></td>
				</tr>
			</table>


		</p:dialog>


	</h:form>
	<p:dialog id="mp_archivos" position="top" width="500"
		header="Agregar archivos" appendToBody="true" styleClass="pPanel"
		height="200" widgetVar="dlgArchivo">
		<h:form enctype="multipart/form-data" id="formArchivo">
			<h:panelGrid id="hpgArchivo" columns="4" cellpadding="1"
				style="margin:0 auto;">
				<table width="400px;">
					<tr>
						<td><p:panel>
								<table>
									<tr>
										<td><p:outputPanel id="agregarfotografias"
												styleClass="panelTDLeftFormulario">

												<p:fileUpload
													rendered="#{modificarOfertasBean.prodCabeceraProformaModificar.prodEstados.estaId==1}"
													fileUploadListener="#{modificarOfertasBean.enviaDocumento}"
													showButtons="false" cancelLabel="Cancelar"
													fileLimit="100000"
													sizeLimit="900000000"
													fileLimitMessage="Documento/Imagen muy grande"
													label="Buscar Archivo"
													invalidFileMessage="Solo se permite pdf|doc|docx|xls|xlsx|gif|jpg|jpeg|gif|png|PNG|GIF|JPG|JPEG"
													invalidSizeMessage="Documento/Imagen muy grande"
													uploadLabel="Guardar" mode="advanced"
													update=":tabView:formArchivos:fotosTable"
													allowTypes="/(\.|\/)(gif|jpg|jpeg|gif|png|PNG|GIF|JPG|JPEG|pdf|doc|docx|xls|xlsx)$/">

												</p:fileUpload>

												<h:outputText value="Nombre del documento" rendered="false" />
												<p:inputText  id="itextNombre"
													maxlength="20" rendered="false" >
													<f:validateRequired for="itextNombre"></f:validateRequired>
													</p:inputText>


											</p:outputPanel></td>
									</tr>
								</table>
							</p:panel></td>
					</tr>
				</table>
			</h:panelGrid>

		</h:form>
	</p:dialog>

</ui:composition>